.page{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.page-content{
	position: relative;
	z-index: 15;
}
.page-top{
	background: transparent url("../Images/page_top.png") no-repeat center 0;
	height: 50px;
	width: 100%;
}

.container{
	background-color: #FFFFFF;
	margin-top: 20px;
	border-radius: 4px;
}

.page-background{
	position: fixed;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	z-index: 5;
	background-color: transparent;
}
.page-background .page-background-1{
	height: 70%;
	background-color: #e7ebf2;
}
.page-background .page-background-2{
	background-color: #3b5998;
	height: 30%;
}

.content-1{
	text-align: justify;
	color: #000000;
}

.content-2{
	text-align: justify;
	color: #FFFFFF;
}
.friends-logo
{
    max-height:150px;
    margin:15px 0 15px 0;
}

.carousel img
{
    height:470px;
    width:100%;    
}

.tile
{
    width: 150px;
    height: 150px;
    cursor: pointer;
    margin: 0 10px 10px 0;
    background-color: #3b5998; /*#e7ebf2*/	
}

.tile .tile-icon-container{
	height: 100%;
	display: inline;
}

.tile-icon{
	width: 90px;
	margin: 4px auto 4px auto;
}

.tile-icon-legend{
	text-align: center;
}

.tile:hover
{
    outline: 3px #3a3a3a solid;  
}

.tile .tile-content
{
    padding: 4px 8px 4px 8px;
}

.fill-width
{
    width:100%;    
}

.fill-height
{
    height:100%;    
}